<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 2.引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 3.引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 5.引入当前页样式 -->
    <link rel="stylesheet" href="../css/api-details.css" />
</head>

<body>
    <div id="header"></div>
    <header class="flex-c-sb b-box">
        <a href="#">
            <h1></h1>
        </a>
        <!-- 导航列表 -->
        <ul class="flex-c-c">
            <li>
                <a href="../html/index.html">首页</a>
            </li>
            <li class="active">
                <a href="../html/api-index.html">API</a>
            </li>
            <li>
                <a href="#">云服务</a>
            </li>
            <li>
                <a href="../html/unicorn-index.html">案例</a>
            </li>
            <li>
                <a href="#">开发者</a>
            </li>
        </ul>
        <!-- 按钮 -->
        <div class="fc-white">
            <a href="../html/change.html">登录</a>
            <a href="../html/loginzc.html">注册有礼</a>
        </div>
    </header>
    <main>
        <!-- banner图区 -->
        <section id="banner" class="rel">
            <div class="bannerBg" class="abs"></div>
            <div class="container bannerInde ">
                <!-- 图文区 -->
                <div class="bannerCont abs">
                    <!-- 左边 -->
                    <div class="bannerImg abs">
                        <img src="../imgs/API详情页_11.jpg" alt="图片已损坏">

                        <div class="imgs abs">
                            <div>
                                <img src="../imgs/API详情页_smallicon_01.jpg" alt="图片已损坏">
                                <br />
                                <span>103</span>
                            </div>
                            <div>
                                <img src="../imgs/API详情页_smallicon_02.jpg" alt="图片已损坏">
                                <br />
                                <span>14245</span>
                            </div>
                            <div>
                                <img src="../imgs/API详情页_smallicon_03.jpg" alt="图片已损坏">
                                <br />
                                <span>623</span>
                            </div>
                        </div>

                    </div>
                    <!-- 右边文字 -->
                    <div class="bannerText">
                        <!-- 身份证实名认证 -->
                        <ul class="real">
                            <li>
                                <h2>身份证实名认证
                            </li>
                            </h2>
                            <li>
                                <p>支持HTTPS</p>

                            </li>
                            <li>
                                <p>企业专用</p>
                            </li>
                        </ul>
                        <!-- 限企业实名 -->
                        <ul class="enter">
                            <li>
                                <img src="../imgs/API03.jpg" alt="图片已损坏">
                                限企业实名用户使用
                            </li>
                            <li>
                                <img src="../imgs/API08.jpg" alt="图片已损坏">
                                限企业实名用户使用
                            </li>
                            <li>
                                <img src="../imgs/API05.jpg" alt="图片已损坏">
                                限企业实名用户使用
                            </li>
                        </ul>
                        <p>检测姓名和身份证号是否一致，身份证验证。</p>
                        <ul class="Test">
                            <li class="scan default">
                                <img src="../imgs/API详情页_17.jpg" alt="图片已损坏">
                                扫码测试
                                <!-- 二维码 -->
                                <div class="dimen">
                                    <img src="../imgs/wechat-white.png" alt="图片已损坏">
                                    <p>请扫码关注</p>
                                </div>
                            </li>
                        </ul>
                        <p class="money">
                            <!-- <strong>¥1200</strong>
                            (约0.3000元/次,仅限企业实名购买) -->
                        </p>

                        <div>
                            <button>立即申请</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 主体 -->
        <section>
            <!-- 导航栏 -->
            <div id="sectionNav">
                <ul class="container list">
                    <li class="active">
                        <a href="#">API文档</a>
                    </li>
                    <li>
                        <a href="#">错误码参照</a>
                    </li>
                    <li>
                        <a href="#">示例代码</a>
                    </li>
                    <li>
                        <a href="#">联系我们</a>
                    </li>
                </ul>
            </div>
            <!-- 页面 -->
            <div id="mainBox" class="container">
                <div id="pege" class="container">
                    <!-- 接口地址 -->
                    <div class="inter on">
                        <ul class="list">
                            <li>
                                <strong>接口地址:&emsp;</strong><span>http://op.itsource.cn/idcard/query</span>
                            </li>
                            <li>
                                <strong>返回格式:&emsp;</strong><span>json</span>
                            </li>
                            <li>
                                <strong>请求方式:&emsp;</strong><span>http get/post</span>
                            </li>
                            <li>
                                <strong>请求示例:&emsp;</strong><span>http://op.itsource.cn/idcard/query?key=您用请的KEY&idcard=&realname=</span>
                            </li>
                            <li>
                                <strong>接口备注:&emsp;</strong><span> error code为0时计费</span>
                            </li>
                            <li>
                                <button>API测试工具</button>
                            </li>



                        </ul>
                    </div>
                    <!-- 请求参数 -->
                    <div id="request">
                        <p>请求参数说明:</p>
                        <table>
                            <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>必填</th>
                                    <th>类型</th>
                                    <th>说明</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>idcard</td>
                                    <td>是</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>是</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>是</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>是</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 返回参数 -->
                    <div id="return">
                        <p>返回参数说明:</p>
                        <table>
                            <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>类型</th>
                                    <th>说明</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>idcard</td>
                                    <td>string</td>
                                    <td>身份证号码</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- 返回示例 -->
                    <div id="JSON">
                        <p>
                            JSON返回示例图:&emsp;
                            <span>JSON在线格式化工具</span>
                        </p>
                        <form>
                            <textarea name="dec" id="" cols="126" rows="30"></textarea>
                        </form>
                    </div>
                </div>
                <!-- 右边边栏 -->
                <div id="edge" class="container">
                    <div class="edgeTop">
                        <p class="Act">
                            活动推荐/Activity
                        </p>
                        <img src="../imgs/sfz-aside1.png" alt="图片已损坏">
                        <img src="../imgs/details-aside02.png" alt="图片已损坏">
                        <img src="../imgs/details-aside03.png" alt="图片已损坏">
                    </div>
                    <div class="edgeBottom">
                        <p class="like">猜你喜欢</p>
                        <div class="flex-c-sb likeText">
                            <div class="images">
                                <img src="../imgs/API22.jpg" alt="图片已损坏">
                            </div>
                            <div class="txt">
                                <p>短信API服务</p>
                                <p>三网合一短信通道，验证码...</p>
                            </div>
                        </div>
                        <div class="flex-c-sb likeText">
                            <div class="images">
                                <img src="../imgs/API22.jpg" alt="图片已损坏">
                            </div>
                            <div class="txt">
                                <p>短信API服务</p>
                                <p>三网合一短信通道，验证码...</p>
                            </div>
                        </div>
                        <div class="flex-c-sb likeText">
                            <div class="images">
                                <img src="../imgs/API22.jpg" alt="图片已损坏">
                            </div>
                            <div class="txt">
                                <p>短信API服务</p>
                                <p>三网合一短信通道，验证码...</p>
                            </div>
                        </div>
                        <div class="flex-c-sb likeText">
                            <div class="images">
                                <img src="../imgs/API22.jpg" alt="图片已损坏">
                            </div>
                            <div class="txt">
                                <p>短信API服务</p>
                                <p>三网合一短信通道，验证码...</p>
                            </div>
                        </div>
                        <div class="flex-c-sb likeText">
                            <div class="images">
                                <img src="../imgs/API22.jpg" alt="图片已损坏">
                            </div>
                            <div class="txt">
                                <p>短信API服务</p>
                                <p>三网合一短信通道，验证码...</p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>


        <!-- 广告 -->
        <section id="adv">
            <div>
                <div class="container box">
                    <h2>现在注册,百款接口免费测试</h2>
                    <button class="fz-12">免费注册</button>
                </div>
            </div>
        </section>
    </main>

    <!-- 尾部 -->
    <footer>
        <div id="BOX">
            <img src="../imgs/top.png" alt="图片已损坏">
        </div>
        <!-- 尾部上面部分 -->
        <div class="container bigBox flex-c-sb">
            <!-- 联系与支持 -->
            <div class="listToo flex-c-sb">
                <ul class="list">
                    <li class="on">
                        联系与支持
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                </ul>
                <ul class="list">
                    <li class="on">
                        联系与支持
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                </ul>
                <ul class="list">
                    <li class="on">
                        联系与支持
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                </ul>
                <ul class="list">
                    <li class="on">
                        联系与支持
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                </ul>
                <ul class="list">
                    <li class="on">
                        联系与支持
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                    <li>
                        400.882.7715
                    </li>
                </ul>
            </div>
            <!-- 微信公众 -->
            <div class="wx">
                <ul class="list">
                    <li class="on">
                        微信公众号
                    </li>
                    <li class="fz-12">源码时代</li>
                    <li>
                        <img src="../imgs/wechat-white.png" alt="图片已损坏">
                    </li>
                </ul>
            </div>
        </div>
        <div class="flex-c-sb container footBottom">
            <div class="imgTwo">
                <img src="../imgs/bei2.png" alt="">
                <img src="../imgs/bei1.png" alt="">
                <span class=" fz-12">
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                </span>
            </div>
            <p class=" fz-12">源码大数据股份有限公司©版权所有</p>
        </div>

    </footer>
    <script src="../js/util.js"></script>
    <script src="../lib/canvas-particle.js"></script>
    <script src="../js/api-details.js"></script>
</body>

</html>